import * as echarts from 'echarts'
import {useEffect, useState} from "react";import {Image, View} from "@tarojs/components";
import Taro from "@tarojs/taro";
import './index.scss'

function Index() {

  //创建图标
  const eChar=()=>{


  }
  const [state,setState] = useState({
    lang:'3',
    // latitude: 23.099994,//经度
    // longitude: 113.324520//维度
  })

  useEffect(()=>{
    console.log('echars')
    // console.log(HTMLElement)
    eChar()
  },[])

  //点击确认
  // const addHandler =()=>{
  //   Taro.navigateBack()
  // }

  return (
    <View>
      <View style={{backgroundColor:'#fff',height:'80px',lineHeight:'80px'}}>
        <View className='iconfont icon-xiangzuo' style={{position:'absolute',top:'0',left:'0',fontSize:'22px',paddingTop:'6px',display:'flex'}}
              onClick={()=>Taro.navigateBack()}>
          <View style={{fontSize:'14px',paddingLeft:'4px'}}>收到评价</View>
        </View>
        <View style={{textAlign:'center',width:'100%'}}></View>
      </View>
      <View className='box'>
        <View className='top'>
          <View className='top_left'>4.9</View>
          <View className='echar' >
            <View className='echar_left'>
              <View>5</View>
              <View>4</View>
              <View>3</View>
              <View>2</View>
              <View>1</View>
            </View>
            <View className='echar_right'>
              <View className='right_box'>
                <View className='item_box' style={{width:'30%'}}></View>
                <View>sss</View>
              </View>
              <View className='right_box'>
                <View className='item_box ' style={{width:'20%'}}></View>
                <View>sss</View>
              </View>
              <View className='right_box'>
                <View className='item_box ' style={{width:'40%'}}></View>
                <View>sss</View>
              </View>
              <View className='right_box'>
                <View className='item_box ' style={{width:'50%'}}></View>
                <View>sss</View>
              </View>
              <View className='right_box'>
                <View className='item_box' style={{width:'10%'}}></View>
                <View>sss</View>
              </View>
            </View>
          </View>
        </View>
        <View className='list'>
          <View className='item'>
            <View className='left'>
              <Image src='https://t7.baidu.com/it/u=1127963623,72784497&fm=218&app=126&size=f242,150&n=0&f=JPEG&fmt=auto?s=361C1DC71A5A34D6877C593B0300C002&sec=1658854800&t=9e7f428b8642b4aabcbd82a655b2f936'></Image>
            </View>
            <View className='right'>
              <View className='right_top'>
                <View className='name'>文艺小能手</View>
                <View>5分</View>
              </View>
              <View className='context'>服务态度很好，技术专业，也很守时。</View>
              <View className='time'>2020-09-10  17:00</View>
            </View>
          </View>
          <View className='item'>
            <View className='left'></View>
            <View className='right'>
              <View className='right_top'>
                <View className='name'>文艺小能手</View>
                <View>5分</View>
              </View>
              <View className='context'>服务态度很好，技术专业，也很守时。</View>
              <View className='time'>2020-09-10  17:00</View>
            </View>
          </View>
          <View className='item'>
            <View className='left'></View>
            <View className='right'>
              <View className='right_top'>
                <View className='name'>文艺小能手</View>
                <View>5分</View>
              </View>
              <View className='context'>服务态度很好，技术专业，也很守时。</View>
              <View className='time'>2020-09-10  17:00</View>
            </View>
          </View>
        </View>
      </View>
    </View>
  );
}

export default Index;
